@CHARSET "ISO-8859-1";

body {
	padding: 0px;
	margin: 0px;
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
	font-weight: normal;
}

select, .input {
	border: 1px solid #AAAAAA;
	padding: 2px 0px 2px 2px;
	font-family: arial, verdana, tahoma;
	font-size: 10pt;
}

form, p, div {
	margin: 0;
	padding: 0;
}

#top_line {
	background-color: #f4f3f2;
	border: 0px;
	border-bottom: 1px solid #cdcdcd;
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	font-weight: normal;
	padding: 4px;
}

#top_content {
	width: 962px;
	text-align: right;
	color: #666666;
}

a.top {
	color: #3d5376;
	text-decoration: none;
}

a.top:hover {
	text-decoration: underline;
}

a.normal {
	color: #1988c8;
	text-decoration: none;
}

a.normal:hover {
	text-decoration: underline;
}


#logo {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
}

/* Tabs background, texts and links */
#header {
	background:url("../../images/frontend/head-center.jpg") bottom repeat-x;
	height: 34px;
}

#header_left {
	background:url("../../images/frontend/head-left.jpg") bottom left no-repeat;
	height: 52px;
	width: 2px;
}

#header_center {
	width: 960px;
	height: 52px;
	text-align: center;
}

#header_right {
	background: url("../../images/frontend/head-right.jpg") bottom right no-repeat;
	height: 52px;
	width: 2px;
}

a.tab_link {
	font-family: arial, tahoma, verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #455b80;
	text-decoration: none;
}

a.tab_link:hover {
	text-decoration: underline;
}

a.tab_link2 {
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	color: #455b80;
	text-decoration: none;
}

a.tab_link2:hover {
	color: #ff6600;
	text-decoration: underline;
}

.tab {
	background: url("../../images/frontend/tab-head-center.jpg") repeat-x;
	height: 53px;
	position: relative;
}

.tab_left {
	background: url("../../images/frontend/tab-head-left.jpg") left no-repeat;
	height: 53px;
	width: 2px;
}

.tab_right {
	background: url("../../images/frontend/tab-head-right.jpg") right no-repeat;
	height: 53px;
	width: 2px;
}
/* ---------------- */

/* Sub-buttons */

.sub_button_left {
	background: url("../../images/frontend/sub_btn_left.jpg") no-repeat left;
	width: 2px;
	height: 21px;
}

.sub_button_center {
	background: url("../../images/frontend/sub_btn_center.jpg") repeat-x;
	height: 21px;
	text-align: center;
}

.sub_button_right {
	background: url("../../images/frontend/sub_btn_right.jpg") no-repeat right;
	width: 2px;
	height: 21px;
}

.sub_button_left2 {
	background: url("../../images/frontend/sub_btn_left2.jpg") no-repeat left;
	width: 2px;
	height: 21px;
}

.sub_button_center2 {
	background: url("../../images/frontend/sub_btn_center2.jpg") repeat-x;
	height: 21px;
	text-align: center;
}

.sub_button_right2 {
	background: url("../../images/frontend/sub_btn_right2.jpg") no-repeat right;
	width: 2px;
	height: 21px;
}

a.sub_button {
	color: #4e2207;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

a.sub_button:hover {
	text-decoration: underline;
}


.selected_page {
	padding: 5px;
	margin: 0px;
	border: 1px solid #fccd74;
	background-color: #fccd74;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff; 
}

a.page {
	padding: 5px;
	margin: 0px;
	border: 1px solid #fccd74;
	background-color: #3fcedc4;
	font-size: 8pt;
	font-weight: bold;
	color: #b73a02; 
	text-decoration: none;
}

a.page:hover {
	padding: 5px;
	margin: 0px;
	border: 1px solid #fccd74;
	background-color: #fccd74;
	text-decoration: none;
	color: #FFFFFF;
}

.horiz_sep {
	margin: 2px 0 2px 0;
	height: 5px;
	background: url('../../images/frontend/horiz_sep.gif') repeat-x;
}

#bottom_line {
	border-top: 1px solid #cdcdcd;
	margin-top: 0px;
	padding: 4px;
}

a.bottom_link {
	color: #003399;
	text-decoration: none;
}

a.bottom_link:hover {
	color: #ff6600;
	text-decoration: underline;
}

/* HienNV */

#wrapper {
	width: 962px;
	margin: 0 auto;
}

#content {
	width: 962px;
}
.clr {
	clear: both;
}
#box-content {
	width: 100%; 
	border:1px solid #c4d3e5;;
	overflow: hidden;
}

#box-left {
	width: 250px;
	float: left;
}

#box-right {
	width: 711px;
	float: left;
	border-left:1px solid #c4d3e5;;
	/*background: #f6f9fd;*/
}


#box-left ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:11px;
	width:250px;
}

#box-left ul li {
	height:30px;
}


#box-left li a {
	display: block;
	overflow: auto;
	height:40px;
	vertical-align:middle; 
}

#box-left li a img {
	padding: 0 10px 0 10px;
	vertical-align:middle; 
	display:inline;
}


#box-left ul li a {
	width:250px;
	height:27px;
	padding-top:5px;
	border-bottom: 1px dotted #777;
	text-indent:0;
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}

#box-left ul li a:hover {
	width:250px;
	height:27px;
	padding-top:5px;
	border-bottom: 1px dotted #777;
	text-indent:0;
	color: #ff6600;
	text-decoration: underline;
	font-weight: bold;
}

#footer {
	width: 962px;
	font-size: 8pt;
	color: #666666;
	line-height: 150%;
	text-align: left;
}